@charset "utf-8";
/*初始化*/
html { font-family:"Microsoft YaHei"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.jz{ width:1200px; margin:0 auto;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }

/*header*/
.j_header { width:1200px; margin:0 auto; height:112px; }
.j_header .logo{ width:915px; height:120px;  float:left;}
.j_header .logo a img{ width:195px; height: 112px; float: left; }
.j_header  .logo .logo_txt{ width:611px; height:112px; float:left;}
.j_header .logo .logo_txt img{ width: 611px; height: 112px;  }


/*.j_header .logo_txt{ font-size:18px; line-height:30px; color:#222222; float:left; margin:10px 0 0;}
*/.j_header .tel{ width:228px; height:90px; float:right; background: url(../images/j_tel.jpg) no-repeat center center;margin-top:16px; margin-right:4PX; }
/*nav*/
.j_nav_k { width:100%; height:46px; background:#0186f4; border-bottom:1px solid #FFFFFF;}
.j_nav_k  .j_nav{ width:1200px; margin:0 auto;}
.j_nav_k  .j_nav li{ font-size:12px; line-height:46px; float:left; color:#fff;}
.j_nav_k  .j_nav li a{ font-size:16px; float:left;  padding:0 33px; color:#fff; display:block;}
.j_nav_k  .j_nav li a:hover,.j_nav_k  .j_nav li .act{ background:#4c4c4c; color:#FFF;}

.j_bann{ width: 100%; height: 240px; margin:1px 0 0;}

/*menu*/
.j_menu{ border-bottom:1px solid #e0e0e0; width:100%;}
.j_menu .j_menu1{ width:1200px; margin:0 auto; text-align:center;}
.j_menu a{ font-size: 18px; width: 160px; height: 30px; text-align: center; line-height: 30px; color: #787878; display: inline-table; margin: 10px 80px 0; padding: 25px 0; text-decoration: none; }
.j_menu a span{float:left; display:inline-block; margin-left:18px;background: url(../images/ico1.png) no-repeat;text-decoration: none; }

.j_menu a .j_ico1{ width:30px; height:30px;  background-position: 0px 0px; }
.j_menu a .j_ico2{ width:30px; height:30px;  background-position: 0px -40px; }
.j_menu a .j_ico3{ width:30px; height:30px;  background-position: 0px -80px; }
.j_menu a:hover,.j_menu .active{color:#2A8AE2; border-bottom:3px solid #2A8AE2; text-decoration: none;}
.j_menu a:hover .j_ico1,.j_menu .active .j_ico1{ width:30px; height:30px;  background-position: 0px -160px;  }
.j_menu a:hover .j_ico2,.j_menu .active .j_ico2{ width:30px; height:30px;  background-position: 0px -200px;  }
.j_menu a:hover .j_ico3,.j_menu .active .j_ico3{ width:30px; height:30px;  background-position: 0px -240px;  }

/*j_wxyx*/
.j_wxyx{ width:1060px; margin:0 auto; display:table; height:520px;}
.j_wxyx_l{height: 250px;margin: 135px 0; float:left;}
.j_wxyx_l .j_bt1{height: 60px; line-height: 30px; font-size: 30px; border-bottom: 1px solid #C3C3C3; color: #000; font-weight: lighter;}
.j_wxyx_l .j_bt2{ display: inline-block; height: 34px;line-height: 34px;font-size: 20px; color: #666;}
.j_wxyx_l .j_bt2 dt{ margin-top:30px;}
.j_wxyx_l .j_bt2 dt span{ width:34px; height:34px; display:inline-block; float: left; margin-right:8px;}
.j_wxyx_r{ float:right;}
/*j_fo*/
.j_fo_t{ width:100%; text-align:center; background:url(../images/j_bj1.jpg) no-repeat center center; height:300px;}
.j_fo_t span{ height:180px; width:100%; display:block;}
.j_fo_t a{ width:144px; height:36px; background:#2A8AE2; font-size:16px; line-height:36px; display: block; margin:0 auto; color:#fff; }
.j_fo_t a:hover,.j_fo_t a:active{ background:#389bed;}

.j_fo_w_k { border-top: 1px solid #E0E0E0; }
.j_fo_w {height: 30px;line-height: 30px; font-size: 14px; color: #A6A6A6; display: table; margin:24px auto; }
.j_fo_w dt{ float: left; border-right: 1px solid #ccc; padding:0 50px;}
.j_fo_w dt:last-child{border-right:none;}
.j_fo_w dt span{ width:30px; height:30px; display:inline-block; float:left; margin-right:10px;}
/*j_zh*/
.j_zh{ width:936px; margin:40px auto; display: table;}
.j_zh dt{width: 260px; height: 260px; border: 1px solid #E0E0E0; float: left; margin:  25px; -mz-box-sizing: border-box;  -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.j_zh dt:hover{border: 1px solid #2A8AE2;}
.j_zh dt span{ background:url(../images/j_wx6.png) no-repeat; width:188px; display:block; height:80px; margin:50px auto 20px;}
.j_zh dt h1{color: #000; font-size: 18px; text-align: center; line-height: 1; margin-bottom: 12px; font-weight: 200;}
.j_zh dt h2{color: #757575; font-size: 14px; text-align: left; margin: 0 15px; line-height: 18px; font-weight: 200;}
/*zzyh*/
.zzyh1{background:url(../images/zzyh1.jpg) no-repeat;width:1200px;height:256px; margin:50px auto 0; color:#fff;}
.zzyh1 .zzyh1_l{width:410px; float:left; }
.zzyh1 .zzyh1_l h1{ font-size:36px; font-weight:bolder; margin:60px 0 24px 30px;}
.zzyh1 .zzyh1_l h2{font-size:24px; margin:0 0 0 30px;}
.zzyh1 .zzyh1_r{ width: 330px;font-size: 14px;line-height: 26px;float: left; margin: 35px 50px;}
.zzyh2{ font-size:26px; color:#333333; font-weight:bolder; margin:30px  auto 50px  auto; width:1170px; padding-left:30px;}
.zzyh2 span{ font-size:36px; color:#0186f4; }

.zzyh3{background:url(../images/zzyh2.jpg) no-repeat top right;width:1175px;height:390px;}
.zzyh3 ul{width:600px;height:290px;}
.zzyh3 li{height:33px;width:100%;	margin-bottom:5px;background:#ededed;line-height:33px;}
.zzyh3 li span.ico{display:block;	width:33px;	height:33px;text-align:center;background:#0186f4;font-size:22px;color:#fff; float:left;}
.zzyh3 li span.txt{position:relative;left:20px;font-size:16px;color:#333;}
.zzyh3 li span font{color:#0186f4;}
.zzyh3_an{	background:url(../images/zzyh3.png) no-repeat top right;width:215px;height:50px;position:relative;	left:60px;	display:block;	font-size:18px;	line-height:50px;text-align:center;	color:#fff;
}

.zhyh4{ background:url(../images/zhyh4.jpg) repeat center center; width:100%; height:1100px; border-top:1px solid #e5e5e5;}
.j_bt3{ font-size:37px; color:#333333; text-align:center; background:url(../images/zzyh5.png) no-repeat center center; font-weight:bolder; margin:30px auto 6px;}
.j_bt3 span{ color:#0186f4;}
.j_bt31{ font-size:16px; color:#414141; text-align:center;}
.zzyh4_tp{ background:url(../images/zzyh6.jpg) no-repeat center center; height:87px; width:1200px; margin:40px auto 30px;}
.zzyh4_y{}
.zzyh4_l{ background: url(../images/zzyh7.jpg) no-repeat center center; width:676px; height:715px; float:left;}
.zzyh4_r{ width:368px; float:left; margin:60px 0 40px 80px;}
.zzyh4_r dt{ font-size:16px; color:#444444; background:url(../images/zzyh8.png) no-repeat left center; padding-left:42px; height:28px; display:inline-block; line-height:28px; margin:18px auto;}
.zzyh4_r dt span{ font-size:22px; color:#0186f4; font-weight:bolder; }
.j_an{ width:315px; height:62px; background:#0186f4; font-size:26px; color:#fff; display: block; text-align:center; line-height:62px; margin-top:40px;}

.zzyh5{ margin-bottom:40px;}
.j_bt4{ font-size:32px; color:#333333; text-align:center; border-bottom:2px solid #dddddd; line-height:84px; margin-top:30px;}
.j_bt4 span{ color:#0186f4;}
.j_bt4 h1{ height:2px; width:445px; background:#0186f4; margin:0 auto; margin-bottom:-2px;}
.j_bt5{ text-align:center; margin:30px auto;}
.j_bt5 h1{font-size:24px; color:#333;line-height:50px; }
.j_bt5 h2{font-size:25px; color:#0186f4;line-height:50px; }
.zzyh5_w{ background:url(../images/zzyh9.jpg) no-repeat center center; height:615px;}
.zzyh5_w dt{ width:220px; float:left; margin:225px 0px 0;}
.zzyh5_w dt h1{ font-size:23px; color:#0186f4; font-weight:bolder; margin-bottom:22px;}
.zzyh5_w dt h1 span{ color:#fff; margin-right:10px;}
.zzyh5_w dt h2{ font-size:14px; color:#505050; line-height:22px;}
.j_an1{ height: 60px; margin: 262px 0 248px; width: 225px; font-size: 20px; color: #fff; display: inline-block; margin-left: 54px; text-align:center; line-height:60px;}
.j_an2{ font-size:22px; color:#fff; display:block; height:46px; line-height:46px; text-align:center;}
.j_an2:hover{ color:#0186f4;}
.zzyh5_t1{ background:url(../images/zzyh10.jpg) no-repeat center center; height:802px;}
.zzyh5_t2{ background:url(../images/zzyh11.jpg) no-repeat center center; height:802px;}
.zzyh5_t3{ background:url(../images/zzyh12.jpg) no-repeat center center; height:534px;}

.zzyh6{ margin:20px auto 50px; display:block; height:377px;}
.j_bt6{text-align:center; border-bottom:2px solid #dddddd; color:#0186f4; }
.j_bt6 h1{margin-bottom: -2px;line-height: 72px; padding: 0 15px; display: inline-block; font-size: 32px; border-bottom: 2px solid #0186f4;}
.j_bt6 h1 span{ color:#333333;}
.j_bt61{ font-size:22px; color:#0186f4; text-align:center; margin:30px auto;}
.zzyh6_w{ width:1200px; margin:0 auto;}
.zzyh6_w dt{ width:185px; height:214px; float:left; background:#868686; color:#fff; margin-right:18px;}
.zzyh6_w dt:hover{ background:#0186f4;}
.zzyh6_w dt:last-child{margin-right:0;}
.zzyh6_w dt h1{width:160px; margin:25px auto 15px; text-align:center; font-size:20px;}
.zzyh6_w dt h1 span{ font-size:40px; font-weight:bolder;}
.zzyh6_w dt h2{ width:160px; margin:0 auto; font-size:14px; line-height:22px;}

.zzyh7{ margin:50px auto; display:block; height:544px;}
.zzyh7_w { margin-top:35px;}
.zzyh7_w dt{ width:180px; float:left; height:215px; margin-right:75px;}
.zzyh7_w .zzyh7_l{ width:180px; float:left; height:215px; margin-right:0px;}
.zzyh7_w dt h2{ display:block;background:#cce7fd ;  width:124px; height:124px;  -moz-border-radius: 62px; -webkit-border-radius: 62px;  border-radius: 62px; position: relative; margin:0 auto 15px;}
.zzyh7_w dt h2 span{ display: inline-block; background: url(../images/zzyh13.png) no-repeat; width:52px; height:52px; margin:34px 35px;  }
.zzyh7_w dt h2:hover{ background:#d7d5d5;}
.zzyh7_w dt h1{ font-size:14px; color:##333; text-align:center;}

/*案例*/
.zzyh8_al {width:1200px;height:216px;position:relative; float:left; display:block;  margin:30px auto;}
.zzyh8_al .prev,.zzyh8_al .next{ display: none;}
.zzyh8_al:hover .prev{ display:block;width:50px; height:70px; position:absolute; top:50px; left:14px; z-index:100; cursor:pointer; background:url(../images/j_jt1.png) no-repeat;   }
.zzyh8_al:hover .next{ display:block;width:50px; height:70px; position:absolute; top:50px; right:14px; z-index:100; cursor:pointer; background:url(../images/j_jt2.png) no-repeat;   }
.zzyh8_al .scrollWrap{width:1196px;overflow:hidden;position:absolute; margin:0px 2px; }
.zzyh8_al  dl{float:left;width:275px; height216px;text-align:center;position:relative; margin:0 12px; position:relative}
.zzyh8_al  dl a{  width:275px; height:216px; display:block; color:#fff; }
.zzyh8_al  dl a img{ width:275px; height:165px; display:block; /*border:1px solid #bababa;*/}
.zzyh8_al  dl a h1 {width:275px;  margin:0 2px;height: 32px; font-weight:bolder;text-align: center;line-height: 32px;font-size: 14px; color: #333; }
.zzyh8_al  dl a h1{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1;}
.zzyh8_al  dl a:hover h1{ color:#0186f4;}
.j_an3{ width:214px; height:48px; background:#0186f4; color:#fff; font-size:18px; line-height:48px; text-align:center; display:block; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; margin-bottom:40px;}
.j_an3:hover,.j_an4:hover,.j_an5:hover{ background:#1793fa;}

/*zzyh9*/
.zzyh9{ display:block; height:380px;}
.zzyh9_l{ height:356px; width:356px; float:left; margin-right:51px;}
.j_bt7{ background:#333333; height:50px; text-align:left; color:#fff; font-size:20px; line-height:50px; padding-left:20px; margin-bottom:14px;} 
.j_bt7 a{ width:58px; height:50px; display:block; float:right; background:#0186f4; font-size:12px;  color:#fff; text-align:center;}
.j_bt7 a:hover{background:#1793fa;}
.zzyh9_l dt{ border-bottom:1px dashed #ddd; height:44px; font-size:14px; line-height:44px;}
.zzyh9_l dt a { display:block;}
.zzyh9_l dt a span{ width:6px; height:20px; background:#0186f4; display:block; float:left; margin:12px 10px 12px 2px;}
.zzyh9_l dt a:hover{ color:#0186f4;}
.zzyh9_r{ width:385px; height:340px; background:#ececec url(../images/zzyh14.png) no-repeat top center; float:left;}
.zzyh9_r h1{ display:block; font-size:20px; color:fff; height:38px; line-height:38px; color:#fff; padding-left:20px;}
.zzyh9_r h2{ font-size:14px; text-align: right; color:#0186f4; padding-right:20px;}
.zzyh9_r .zzyh_bd{ width:276px;display:block; margin:35px auto 0;}
.zzyh9_r .iptone{ width:254px; height:38px; border:1px solid #ddd; background:#fff; margin:0 auto 10px; padding:0 10px; }
.zzyh9_r .text{width:254px; height:55px; border:1px solid #ddd; background:#fff;padding:10px; margin-bottom:10px; }
.j_an4{ width:274px; height:40px; display:block; margin:0 auto; background:#0186f4; font-size:16px; text-align:center; line-height:40px; color:#fff;}


#bannerresearch{width:100%; height:300px;background:#333; position:relative;}
#bannerresearch .intro {  position: absolute;  left: 0;  top: 50%; margin-top:-86px; width: 100%;  text-align: center;}
#bannerresearch .intro h1 {  text-transform: uppercase; color:#fff; font-size: 85px;  font-weight: 700;  letter-spacing: 0.015em;}
#bannerresearch .intro p {  margin: 0 0 30px 0;  font-size: 24px;color:#dcdcdc;}
/*service*/
#bannerservice{ width: 100%; height: 300px; background: #fff no-repeat center center; position: relative; overflow: hidden; margin:0 auto; }
#bannerservice .intro {position: absolute;  left: 0;  top: 50%; margin-top:-70px; width: 100%;  text-align: center;}
#bannerservice .intro h1 {  text-transform: uppercase;  font-size: 60px;  font-weight: 700;  letter-spacing: 0.015em; color:#fff;}
#bannerservice .intro p {  margin: 0 0 30px 0;  font-size: 24px;color:#fff;}
#bannerservice .intro span {  margin: 20px 0 30px 0;  font-size: 24px;color:#dcdcdc; padding-top:20px;}
#bannerservice .intro font {  margin: 0 0 30px 0;  font-size: 24px;color:#dcdcdc; padding-top:90px; height:100px; }
#bannerservice .j_ba1{background:url(../images/j_tt1.png) no-repeat center center; width:466px; height:300px; margin:0 auto;  }
/*wzjs1*/
.wzjs1{ margin-top:15px;}
.wzjs1 .wsjs_w{ width:1200px; margin:30px auto; color:#333; display:inline-block;}
.wzjs1 .wsjs_w .wzjs_l{width:440px; float:left; margin:0 auto 0 10px;}
.wzjs1 .wsjs_w .wzjs_l h1{ font-size:22px; margin-top:10px;}
.wzjs1 .wsjs_w .wzjs_l dt{ font-size:18px; width:430px; height:50px; background:#0186f4; line-height:50px; color:#fff; margin:22px auto; padding-left:10px; }
.wzjs_r{ width:670px; height:272px; float:right; background: url(../images/wzjs.png) no-repeat center center;}
.wzjs_r h1{ margin:38px 0 0 35px; color:#333; font-size:40px;}
.wzjs_r h1 span{ color:#0186f4; font-weight:bolder; margin-right:20px;}
.wzjs_r h1 span1{ font-weight:bolder;}
.wzjs_r h2{ color:#0186f4; font-size:50px;  margin:10px 0 0 35px;}
.wzjs_r h3{ font-size:17px; font-weight:bolder; line-height:30px; margin:10px 0 0 35px;}
.wzjs_xx{ background:url(../images/wzjs1.png) no-repeat center center; height:30px; width:1200px; margin:0 auto;}
.wzjs1 .wsjs_w1{ width:1200px; margin:30px auto; color:#333; display:inline-block;}
.wzjs1 .wsjs_w1 .wzjs_r { width:670px; height:335px; float:right; background: url(../images/wzjs3.png) no-repeat top center;}
.wzjs1 .wsjs_w1 .wzjs_l h1{ margin-bottom:20px;}
.wzjs1 .wsjs_w1 .wzjs_l dt{font-size:18px; width:430px; height:54px; background:#0186f4; line-height:28px; color:#fff; margin:10px auto; padding:10px 0 10px 10px; }
.wzjs1_t{ background:url(../images/wzjs4.jpg) no-repeat center center; width:1200px; height:700px; margin:30px auto;}
.j_an5{ width:316px; height:62px; background:#0186f4; color:#fff; font-size:20px; line-height:62px; text-align:center; display:block; margin:0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px; margin-bottom:40px;}
/*wzjs2*/
.wzjs2{ margin:20px auto 40px; display: table;}
.wzjs2 dt{ width:363px; float:left; height:220px; margin:40px 55px 0px 0;}
.wzjs2 .wzjs2_r{ margin-right:0;}
.wzjs2 dt h1{width: 100%; margin-bottom: 8px; height: 65px; text-align: center; line-height: 65px; font-size: 28px; color: #fff; background: #0186f4;}
.wzjs2 dt span{ background:url(../images/wzjs5.png) no-repeat center center; width:326px; height:135px; display:block; padding:18px 17px 0 20px; line-height:22px;}

.wzjs3{ margin: 30px auto 25px; display: table;}
.j_bt8{ background:url(../images/wzjs6.png) no-repeat center center; width:545px; height:64px; display:block; font-size:24px; color:#fff; text-align:center; line-height:58px; margin:0 auto 30px;}

.wzjs3 dt{width: 238px; height: 134px; border: #ccc solid 1px; text-align: center; font-size: 14px; float:left;}
.wzjs3 dt span{ height:54px; width:100px; margin:15px auto 10px; display:block;}
.wzjs3 dt h1{ font-size:14px;}
.wzjs3 dt:hover{ border: #0186f4 solid 1px;}
.wzjs3_t{ height:515px; width:1200px; margin:0 auto;background:url(../images/wzjs7.jpg) no-repeat center center; }
.wzjs3_an{ width:214px; height:50px; margin-top:425px; float:right;}

.j_bann_an{ width: 1200px;  height: 60px;  margin: 0px auto;  display: block;  padding-top: 180px; }
.j_bann_an a{width:140px; height:40px;display:block; margin-left:190px}